<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /**
         * 定义函数
         */
        function add(num1, num2){
            console.log(num1, num2)
            var sum = num1+num2
            return sum
        }

        // console.log(add(10))

        /**
         * 可变长参数
         */
        function f1(name, ...nums){
            console.log(name)
            console.log(nums)
        }

        // f1('tom', 3, 7, 12, 9)

        /**
         * 扩展运算符
         */ 
        // var arr = [1, 2, 3, 4, 5]
        // f1('tom', ...arr)

        /**
         * 默认参数
         */ 
        function f2(pageNum=1){ // 参数默认值
            console.log(pageNum)
        }

        // f2(5)



        /**
         * 回调函数
         */
        function f3(){
            console.log(1111)
        }

        // 作为事件绑定的函数
        // window.onclick = f3

        // 作为另一个函数的参数
        function f4(a){
            // console.log(a)
            a()
        }

        // f4(123)
        // f4(f3)

        /**
         * 匿名函数
         */
         window.onclick = function(){
            console.log(2222)
        }

        /**
         *  箭头函数
         */ 
        // 方式1
        // function f5(x){
        //    return x*2
        // }

        // 方式2
        // var f5 = function(x){
        //     return x*2
        // };

        // 方式3：使用箭头函数
        var f5 = x => x*2
        // console.log(f5(6))

        var f6 = (x,y) => x+y
        // console.log(f6(3,5))

        var f7 = () => 'hello'
        // console.log(f7())

        var f8 = x => {
            var sum = x*2 
            console.log(sum)
        }

        /**
         * 数组排序
         */ 
        var nums = [13,5,78,45,3,87, 6]
        console.log(nums)
        
        // 定义一个函数，表示排序规则
        // function fn(a,b){
        //     return a-b
        // }

        // nums.sort((a,b) => b-a)

        // nums.forEach((item, index) => {
        //     console.log(item, index)
        // })

        nums.forEach(item => {
            console.log(item)
        })

        console.log(nums)

    </script>
</head>
<body>
    
</body>
</html>